<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="../../../WEB-INF/plantilla/defecto.xhtml">
	<ui:define name="titulo">Consultar entrega de solicitudes</ui:define>
	<ui:define name="contenido">
		<h1>Consultar entrega de solicitudes</h1>
		<h:form>
			<!-- <p:panel header="Criterios de b&#250;squeda" toggleable="true"> -->
			<p:accordionPanel>
				<p:tab title="Criterios de b&#250;squeda">
					<div class="filas">
						<div class="mitad">
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="cboOpeLog" value="Ope. log:" />
								</div>
								<div class="dostercios">
									<div class="combo" style="width: 40%">
										<p:selectOneMenu id="cboOpeLog" styleClass="selectOneMenu">
											<f:selectItem itemLabel="Todos" itemValue="" />
											<f:selectItem itemLabel="Option 1" itemValue="1" />
											<f:selectItem itemLabel="Option 2" itemValue="2" />
											<f:selectItem itemLabel="Option 3" itemValue="3" />
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgOpeLog"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgOpeLog" value="Departamento" />
									</div>
								</div>
								<p:message for="cboOpeLog" />
							</div>
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtDepartamento" value="Departamento:" />
								</div>
								<div class="dostercios">
									<div class="combo" style="width: 40%">
										<p:selectOneMenu id="txtDepartamento"
											styleClass="selectOneMenu">
											<f:selectItem itemLabel="Todos" itemValue="" />
											<f:selectItem itemLabel="Option 1" itemValue="1" />
											<f:selectItem itemLabel="Option 2" itemValue="2" />
											<f:selectItem itemLabel="Option 3" itemValue="3" />
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgDepartamento"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgDepartamento" value="Departamento" />
									</div>
								</div>
								<p:message for="txtDepartamento" />
							</div>

							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtCampanya" value="Campaña:" />
								</div>
								<div class="dostercios">
									<div class="combo" style="width: 40%">
										<p:selectOneMenu id="txtCampanya" styleClass="selectOneMenu">
											<f:selectItem itemLabel="Todos" itemValue="" />
											<f:selectItem itemLabel="Option 1" itemValue="1" />
											<f:selectItem itemLabel="Option 2" itemValue="2" />
											<f:selectItem itemLabel="Option 3" itemValue="3" />
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgCampanya"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgCampanya" value="Campaña" />
									</div>
								</div>
								<p:message for="txtCampanya" />
							</div>
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtPremio" value="Premio:" />
								</div>
								<div class="dostercios">
									<div class="combo" style="width: 40%">
										<p:selectOneMenu id="txtPremio" styleClass="selectOneMenu">
											<f:selectItem itemLabel="Todos" itemValue="" />
											<f:selectItem itemLabel="Option 1" itemValue="1" />
											<f:selectItem itemLabel="Option 2" itemValue="2" />
											<f:selectItem itemLabel="Option 3" itemValue="3" />
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgPremio"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgPremio" value="Premio" />
									</div>
								</div>
								<p:message for="txtPremio" />
							</div>

							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtFeria" value="Feria:" />
								</div>
								<div class="dostercios">
									<div class="combo" style="width: 40%">
										<p:selectOneMenu id="txtFeria" styleClass="selectOneMenu">
											<f:selectItem itemLabel="Todos" itemValue="" />
											<f:selectItem itemLabel="Option 1" itemValue="1" />
											<f:selectItem itemLabel="Option 2" itemValue="2" />
											<f:selectItem itemLabel="Option 3" itemValue="3" />
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgFeria"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgFeria" value="Feria" />
									</div>
								</div>
								<p:message for="txtFeria" />
							</div>

						</div>
						<div class="mitad">
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="cboDistribuidor" value="Distribuidor:" />
								</div>
								<div class="dostercios">
									<div class="combo">
										<p:selectOneMenu id="cboDistribuidor"
											styleClass="selectOneMenu">
											<f:selectItem itemLabel="Todos" itemValue="" />
											<f:selectItem itemLabel="Option 1" itemValue="1" />
											<f:selectItem itemLabel="Option 2" itemValue="2" />
											<f:selectItem itemLabel="Option 3" itemValue="3" />
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgDistribuidor"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgDistribuidor" value="Distribuidor" />
									</div>
								</div>
								<p:message for="cboDistribuidor" />
							</div>
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="cboEstado" value="Estado solicitud:" />
								</div>
								<div class="dostercios">
									<div class="combo">
										<p:selectOneMenu id="cboEstado" styleClass="selectOneMenu">
											<f:selectItem itemLabel="Todos" itemValue="" />
											<f:selectItem itemLabel="Option 1" itemValue="1" />
											<f:selectItem itemLabel="Option 2" itemValue="2" />
											<f:selectItem itemLabel="Option 3" itemValue="3" />
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgEstado"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgEstado" value="Estado solicitud" />
									</div>
								</div>
								<p:message for="cboEstado" />
							</div>

							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtNumGuia" value="N° Gu&#237;a:" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:inputText id="txtNumGuia" styleClass="secCodigo" />-<p:inputText id="txtNumGuia1" styleClass="secSerie" />
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgGuia"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgGuia" value="N° Gu&#237;a" />
									</div>
								</div>
								<p:message for="txtNumGuia" />
							</div>
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtNumeroSolicitud" value="Nº solicitud :" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:inputText id="txtNumeroSolicitud" />
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgNumeroSolicitud"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgNumeroSolicitud" value="Nº solicitud" />
									</div>
								</div>
								<p:message for="txtNumeroSolicitud" />
							</div>
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtSolicitante" value="Solicitante :" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:inputText id="txtSolicitante" />
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgSolicitante"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgSolicitante" value="Solicitante" />
									</div>
								</div>
								<p:message for="txtSolicitante" />
							</div>
						</div>

					</div>
					<div class="boton">
						<p:commandButton value="Buscar" icon="ui-icon-search" />
					</div>
					<div style="clear: both;"></div>
					<!-- </p:panel> -->
				</p:tab>
			</p:accordionPanel>
			<h2>Solicitudes de atenci&#243;n</h2>
			<p:separator />


			<p:dataTable paginator="true" paginatorPosition="bottom" rows="10"
				style="width: 100%" var="entrega"
				value="#{entregaService.lstEntrega}" scrollable="true"
				scrollHeight="150">
				<p:column styleClass="checkbox">
					<!-- <f:facet name="header">
						<input type="checkbox" name="ch3"> </input>
					</f:facet> para seleccionar-->
					<input type="radio" name="group1" value="false"/>
				</p:column>
				<p:column styleClass="item">
					<f:facet name="header">
						<h:outputText value="Item" />
					</f:facet>
					<h:outputText value="#{entrega.sItem}" />
				</p:column>
				<p:column styleClass="codigo">
					<f:facet name="header">
						<h:outputText value="Nº solicitud" />
					</f:facet>
					<p:commandLink onclick="aler('actualiza la tabla destino')">
						<h:outputText value="#{entrega.sNumSolictud}" />
					</p:commandLink>
				</p:column>
				<p:column styleClass="solicitante">
					<f:facet name="header">
						<h:outputText value="Solicitante" />
					</f:facet>
					<h:outputText value="#{entrega.sSolicitante}" />
				</p:column>
				<p:column styleClass="distibuidor">
					<f:facet name="header">
						<h:outputText value="Distribuidor" />
					</f:facet>
					<h:outputText value="#{entrega.sDistribuidor}" />
				</p:column>
				<p:column styleClass="operador">
					<f:facet name="header">
						<h:outputText value="Ope. log." />
					</f:facet>
					<h:outputText value="#{entrega.sOpeLog}" />
				</p:column>
				<p:column styleClass="departamento">
					<f:facet name="header">
						<h:outputText value="Departamento" />
					</f:facet>
					<h:outputText value="#{entrega.sDepartamento}" />
				</p:column>
				<p:column styleClass="campanya">
					<f:facet name="header">
						<h:outputText value="Campaña" />
					</f:facet>
					<h:outputText value="#{entrega.sCampanya}" />
				</p:column>
				<p:column styleClass="premio">
					<f:facet name="header">
						<h:outputText value="Premio" />
					</f:facet>
					<h:outputText value="#{entrega.sPremio}" />
				</p:column>
				<p:column styleClass="feria">
					<f:facet name="header">
						<h:outputText value="Feria" />
					</f:facet>
					<h:outputText value="#{entrega.sFeria}" />
				</p:column>
				<p:column styleClass="estado">
					<f:facet name="header">
						<h:outputText value="Estado" />
					</f:facet>
					<h:outputText value="#{entrega.sEstado}" />
				</p:column>
				<p:column styleClass="fechaHora">
					<f:facet name="header">
						<h:outputText value="Fec. abierto" title="Fecha abierto" />
					</f:facet>
					<h:outputText value="#{entrega.sFecAbierto}" />
				</p:column>
				<p:column styleClass="fechaHora">
					<f:facet name="header">
						<h:outputText value="Fec. fin cerrado" title="Fecha fin cerrado" />
					</f:facet>
					<h:outputText value="#{entrega.sFecFinCerrado}" />
				</p:column>
				<f:facet name="footer">  
          			 Total registros #{fn:length(entregaService.lstEntrega)}  
        		</f:facet>
			</p:dataTable>
			<div class="opcionesTabla" style="text-align: left;">
				<p:commandButton value="Exportar" icon="ui-icon-disk" />
				<div style="clear: both;"></div>
			</div>
			<h2>Destino</h2>
			<p:separator />

			<div class="opcionesTabla"
				style="text-align: left; padding-bottom: 5px;">
				<div class="dostercios" style="width: 45%">
					<div class="tercio" style="width: 10%">
						<h:outputLabel for="cboBuscar" value="Buscar:" />
					</div>
					<div class="tercio">
						<p:selectOneMenu id="cboBuscar" styleClass="selectOneMenu"
							style="width: 100%">
							<f:selectItem itemLabel="Todos" itemValue="" />
							<f:selectItem itemLabel="Option 1" itemValue="1" />
							<f:selectItem itemLabel="Option 2" itemValue="2" />
							<f:selectItem itemLabel="Option 3" itemValue="3" />
						</p:selectOneMenu>
					</div>
				</div>
				<div style="clear: both;"></div>
			</div>

			<p:dataTable paginator="true" paginatorPosition="bottom" rows="10"
				style="width: 100%" var="destino"
				value="#{destinoService.lstDestino}" scrollable="true"
				scrollHeight="150">
				<p:column styleClass="checkbox">
					<f:facet name="header">
						
					</f:facet>
					<input type="radio" name="group2" value="false"/>
				</p:column>

				<p:column styleClass="item">
					<f:facet name="header">
						<h:outputText value="Item" />
					</f:facet>
					<h:outputText value="#{destino.sItem}" />
				</p:column>
				<p:column styleClass="codigo">
					<f:facet name="header">
						<h:outputText value="Nº Gu&#237;a"
							title="N&#250;mero de solicitud" />
					</f:facet>
					<h:outputText value="#{destino.snumGuia}" />
				</p:column>
				<p:column styleClass="receptor">
					<f:facet name="header">
						<h:outputText value="Receptor" />
					</f:facet>
					<h:outputText value="#{destino.sReceptor}" />
				</p:column>
				<p:column styleClass="codigo">
					<f:facet name="header">
						<h:outputText value="Cod. BBVA" title="C&#243;digo BBVA" />
					</f:facet>
					<h:outputText value="#{destino.sCodBBVA}" />
				</p:column>
				<p:column styleClass="operador">
					<f:facet name="header">
						<h:outputText value="Ope.log." title="C&#243;digo Ope.log." />
					</f:facet>
					<h:outputText value="#{destino.sCodOpeLog}" />
				</p:column>
				<p:column styleClass="producto">
					<f:facet name="header">
						<h:outputText value="Producto" />
					</f:facet>
					<h:outputText value="#{destino.sProducto}" />
				</p:column>

				<p:column styleClass="cantidad">
					<f:facet name="header">
						<h:outputText value="Cantidad" />
					</f:facet>
					<h:outputText value="#{destino.iCantidad}" />
				</p:column>
				<p:column styleClass="oficina">
					<f:facet name="header">
						<h:outputText value="Oficina" />
					</f:facet>
					<h:outputText value="#{destino.sOficina}" />
				</p:column>
				<p:column styleClass="direccion">
					<f:facet name="header">
						<h:outputText value="Direccion" />
					</f:facet>
					<h:outputText value="Urb. El Alamo N° 2150" />
				</p:column>
				<p:column styleClass="verificar">
					<f:facet name="header">
						<h:outputText value="Verificar" />
					</f:facet>
					<h:outputText value="#{destino.sVerificar}" />
				</p:column>
				<p:column styleClass="cantidad">
					<f:facet name="header">
						<h:outputText value="Intentos" />
					</f:facet>
					<p:commandLink onclick="dlgIntentos.show()">
						<h:outputText value="#{destino.iIntentos}" />
					</p:commandLink>
				</p:column>
				<p:column styleClass="estado">
					<f:facet name="header">
						<h:outputText value="Est. de ent." title="Estado de entrega" />
					</f:facet>
					<h:outputText value="#{destino.sEstadoEntrega}" />
				</p:column>
				<p:column styleClass="tipoEntrega">
					<f:facet name="header">
						<h:outputText value="Tipo no ent." />
					</f:facet>
					<h:outputText value="#{destino.sTipoNoEntregado}" />
				</p:column>
				<p:column styleClass="observaciones">
					<f:facet name="header">
						<h:outputText value="Observaciones" />
					</f:facet>
					<h:outputText value="#{destino.sObservaciones}" />
				</p:column>
				<f:facet name="footer">  
          			 Total registros #{fn:length(destinoService.lstDestino)}  
        		</f:facet>
			</p:dataTable>
		</h:form>

		<!-- CONSULTAR ENTREGA -->

		<p:dialog header="Registrar entrega de gu&#237;as"
			widgetVar="dlgNuevoLote" modal="true" width="850" position="top">
			<h1>Registrar entrega de gu&#237;as</h1>
			<h:form>
				<!-- <p:panel header="Datos generales" toggleable="true"> -->
				<p:accordionPanel>
					<p:tab title="Criterios de b&#250;squeda">
						<div class="filas">
							<div class="mitad">
								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="cboTipProveedor" value="Tipo Proveedor:" />
									</div>
									<div class="dostercios">
										<div class="combo" style="width: 50%">
											<p:selectOneMenu id="cboTipProveedor"
												styleClass="selectOneMenu">
												<f:selectItem itemLabel="Todos" itemValue="" />
												<f:selectItem itemLabel="Option 1" itemValue="1" />
												<f:selectItem itemLabel="Option 2" itemValue="2" />
												<f:selectItem itemLabel="Option 3" itemValue="3" />
											</p:selectOneMenu>
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgTipProveedor"
												url="../../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgTipProveedor" value="Tipo Proveedor" />
										</div>
									</div>
									<p:message for="cboTipProveedor" />
								</div>
								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="txtRangoInicio" value="Rango inicio :" />
									</div>
									<div class="dostercios">
										<div class="input" style="width: 50%">
											<p:inputText id="txtRangoInicio" />
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgRangoInicio"
												url="../../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgRangoInicio" value="Rango inicio" />
										</div>
									</div>
									<p:message for="txtRangoInicio" />
								</div>


							</div>
							<div class="mitad">

								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="cboProveedor" value="Proveedor :" />
									</div>
									<div class="dostercios">
										<div class="combo" style="width: 50%">
											<p:selectOneMenu id="cboProveedor" styleClass="selectOneMenu">
												<f:selectItem itemLabel="Todos" itemValue="" />
												<f:selectItem itemLabel="Option 1" itemValue="1" />
												<f:selectItem itemLabel="Option 2" itemValue="2" />
												<f:selectItem itemLabel="Option 3" itemValue="3" />
											</p:selectOneMenu>
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgProveedor"
												url="../../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgProveedor" value="Proveedor" />
										</div>
									</div>
									<p:message for="cboProveedor" />
								</div>

								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="txtRangoFin" value="Rango fin :" />
									</div>
									<div class="dostercios">
										<div class="input" style="width: 50%">
											<p:inputText id="txtRangoFin" />
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgRangoFin"
												url="../../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgRangoFin" value="Rango fin" />
										</div>
									</div>
									<p:message for="txtRangoFin" />
								</div>
							</div>

						</div>
						<div class="boton">
							<p:commandButton value="Guardar" icon="ui-icon-document" />
						</div>
						<div style="clear: both;"></div>
						<!-- </p:panel> -->
					</p:tab>
				</p:accordionPanel>

				<div style="clear: both;"></div>
			</h:form>
		</p:dialog>

		<p:dialog header="Seguimiento de intentos de entrega"
			widgetVar="dlgIntentos" modal="true" width="800" position="top">
			<h1>Detalle de intentos</h1>
			<div class="scrollTabla">
				<p:dataTable paginator="true" paginatorPosition="bottom" rows="10"
					style="width: 100%" var="intento"
					value="#{intentoService.lstIntento}">

					<p:column styleClass="item">
						<f:facet name="header">
							<h:outputText value="Item" />
						</f:facet>
						<h:outputText value="#{intento.sItem}" />
					</p:column>

					<p:column styleClass="codigo">
						<f:facet name="header">
							<h:outputText value="Nº Gu&#237;a" />
						</f:facet>
						<h:outputText value="#{intento.sNumGuia}" />
					</p:column>
					<p:column styleClass="tipoMovimiento">
						<f:facet name="header">
							<h:outputText value="Tipo movimiento" />
						</f:facet>
						<h:outputText value="#{intento.sTipMovimiento}" />
					</p:column>
					<p:column styleClass="estado">
						<f:facet name="header">
							<h:outputText value="Estado" />
						</f:facet>
						<h:outputText value="#{intento.sEstado}" />
					</p:column>
					<p:column styleClass="tipoNoEntragado">
						<f:facet name="header">
							<h:outputText value="Tipo de No entregado" />
						</f:facet>
						<h:outputText value="#{intento.sTipNoEntregado}" />
					</p:column>

					<p:column styleClass="observaciones">
						<f:facet name="header">
							<h:outputText value="Observaciones" />
						</f:facet>
						<p:inputTextarea styleClass="observacion" />
					</p:column>

					<p:column styleClass="fechaHora">
						<f:facet name="header">
							<h:outputText value="Fecha de registro" />
						</f:facet>
						<h:outputText value="#{intento.sFecRegistro}" />
					</p:column>

					<f:facet name="footer">  
          			 Total registros #{fn:length(intentoService.lstIntento)}  
        	</f:facet>
				</p:dataTable>
			</div>

		</p:dialog>
		<!-- cCONSULTAR ENTREGA -->


	</ui:define>

</ui:composition>